<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>国开在线</title>
    <!-- APP -->
    <link rel="stylesheet" type="text/css" href="css/app-page.css"/>
</head>
<body>

    <!-- header-->
    <header class="header">
        <div class="norm_width clearfix">
            <a href="javascript:;" class="logo"><img src="images/app/logo.png"/></a>
        </div>
    </header>
    <!-- //header-->

    <!-- content -->
    <div class="content">
        <div class="app-banner" style="background: url(images/app/app_banner_bg2.jpg) center top no-repeat; height:830px ;">
            <div class="app-bn-down" style="position: absolute; right: 50%; top: 424px; margin-right: -532px;">
                <div class="app-bn-btn">
                    <a href="javascript:;" class="bn-btn" style="cursor:default;">
                        <img src="images/app/icon_iphone.png" alt="img"><span>iPhone版下载&nbsp&nbsp</span>
                    </a>
                    <a href="javascript:;" class="bn-btn" style="cursor:default;">
                        <img src="images/app/icon_android.png" alt="img"><span>Android版下载</span>
                    </a>
                </div>
                <img src="images/app/app_ewm2.png" alt="logo" width="200" height="200" class="app-bn-ewm">
            </div>
        </div>
        <div class="clearfix" style="height:500px;background: #fff url(images/app/gk_img_01.png) no-repeat center;"></div>
        <div class="clearfix" style="height:732px;background: #fafafa url(images/app/gk_img_02.png) no-repeat center;"></div>
        <div class="clearfix" style="height:701px;background: #fff url(images/app/gk_img_03.png) no-repeat center;"></div>
        <div class="clearfix" style="height:750px;background: #fafafa url(images/app/gk_img_04.png) no-repeat center top;"></div>
    </div>
    <!-- //content -->
    <!-- footer -->
    <footer class="footer">
        <div class="norm_width foot_ctn clearfix">
            <p class="foot-copyright">版权所有 国开在线</p>
        </div>
    </footer>
    <!-- //footer -->
    <div class="gk-toolbar">
        <!-- <div class="gk-toolbar-ewm">
            <img src="images/app/foot_ewm.jpg" width="120" alt="img">
        </div> -->
        <a href="javascript:;" class="return-top"><img src="images/app/return_top.png" alt="img"></a>
    </div>

    <!-- js -->
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    $(function(){
        // 返回顶部
        $('.return-top').on('click', function(event) {
            $('body,html').animate({
                scrollTop: 0
            }, 500);
            return false;
        });
    })
    </script>

</body>
</html>